/*****************************************************common*******************************************************/

.platform-ios:not(.fullscreen) .bar-header:not(.bar-subheader)
{
    height: 54px;
}

.platform-ios:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper
{
    margin-top: 9px !important;
}

.platform-ios:not(.fullscreen) .bar-header:not(.bar-subheader) > *
{
    margin-top: 10px;
}

.platform-ios:not(.fullscreen) .tabs-top > .tabs,
.platform-ios:not(.fullscreen) .tabs.tabs-top
{
    top: 54px;
}

.platform-ios:not(.fullscreen) .has-header,
.platform-ios:not(.fullscreen) .bar-subheader
{
    top: 54px;
}

.platform-ios:not(.fullscreen) .has-subheader
{
    top: 98px;
}

.platform-ios:not(.fullscreen) .has-header.has-tabs-top
{
    top: 103px;
}

.platform-ios:not(.fullscreen) .has-header.has-subheader.has-tabs-top
{
    top: 147px;
}

.platform-ios.status-bar-hide
{
    margin-bottom: 10px;
}

.bar
{
    border-bottom: 1px solid #e0e0e0;
}

[nav-view-transition='ios'] [nav-view='entering'],
[nav-view-transition='ios'] [nav-view='leaving']
{
    -webkit-transition-property: -webkit-transform;
            transition-property:         transform;
}

[nav-view-transition='ios'][nav-view-direction='forward'],
[nav-view-transition='ios'][nav-view-direction='back']
{
    background-color: transparent;
}

.platform-ios:not(.fullscreen) .home-view .has-subheader
{
    top: 108px;
}

.my-content
{
    top: 98px;
}

.title
{
    font-size: 150% !important;
    font-weight: bold;

    color: #333;
}

/*****************************************************common*******************************************************/
/*****************************************************division*******************************************************/
.division-list .item:first-child
{
    border-top: none;
}

.division-arrow-right
{
    font-size: 20px;

    float: right;
}
/*****************************************************division*******************************************************/
/*****************************************************chatScroll*******************************************************/

.chat-box:first-child
{
    border-top: none;
}

.chat-box:last-child
{
    border-bottom: none;
}

.chat-box
{
    padding: 10px 10px 10px 10px;

    border-width: 1px 0;
    border-style: solid;
    border-color: #e6e6e6;
}

.chat-box.activated
{
    border-color: #e6e6e6;
    background-color: #fff;
}

.chat-box .contactName
{
    display: inline-block;
    overflow: hidden;

    width: 30%;

    vertical-align: middle;
    text-overflow: ellipsis;
}

.chat-box .contactAddress
{
    font-size: 85%;

    right: 10px;

    display: inline-block;
    overflow: hidden;

    width: 70%;
    margin-left: 10px;

    vertical-align: middle;
    text-overflow: ellipsis;

    color: #999;
}

/*****************************************************chatScroll*******************************************************/

/******************************************************merchandise*******************************************************/
.home-view .bar-subheader
{
    height: 54px;
}
.merchandise-list .item:first-child
{
    border-top: none;
}
.item-merchandise
{
    padding: 5px 70px 5px 80px;

    border-bottom: 1px solid #ddd;
}

.shopCar
{
    position: absolute;
    top: 50%;
    right: 10px;

    min-width: 40px;
    min-height: 40px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}

.merNum
{
    position: absolute;
    top: -7px;
    left: 20px;

    width: auto;
    min-width: 18px;
    height: auto;
    min-height: 20px;

    color: white;
    border-radius: 28px;
    background-color: #ff716b;
}
.item-avatar > img:first-child
{
    position: absolute;
    top: 6px;
    left: 10px;

    width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;

    border-radius: 8%;
}

.mid-merchandise-msg
{
    position: relative;

    min-height: 50px;
    padding-left: 10px;
}

.merchandiseName
{
    font-size: 15px;
    font-weight: bolder;
}

.merchandiseSpec
{
    font-size: 14px;
    line-height: 20px;
}

.merchandisePrice
{
    font-size: 14px;
    line-height: 20px;

    left: 15px;

    color: #f9440f;
}

.right-merchandise-msg
{
    position: absolute;
    top: 6px;
    right: 0;

    width: 70px;
    min-height: 60px;
    padding: 6px;

    text-align: center;

    border-left: 1px #ccc solid;
}

.item-checkbox .checkbox.addShopCar
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 16px 20px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.noMoreMsg
{
    margin: 5px 0;

    text-align: center;

    color: #999;
}

/******************************************************merchandise*******************************************************/
/******************************************************order*******************************************************/

.order-item
{
    padding: 0;
}

.order-list .item:first-child
{
    border-top: none;
}
.order-item .item-content
{
    min-height: 72px;
    padding: 5px 125px 5px 80px;
}

.goodsIcon
{
    position: absolute;
    top: 6px;
    left: 10px;

    width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;

    border-radius: 8%;
}

.midMsg
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.order-item .checkbox
{
    top: 0;

    margin-top: 0;
}

.orderMerchandiseName
{
    font-size: 15px;
    font-weight: bolder;
    line-height: 25px;
}

.orderMerchandiseSpec
{
    font-size: 14px;
    line-height: 20px;
}

.orderMerchandisePrice
{
    font-size: 14px;
    line-height: 20px;

    color: #f9440f;
}

.rightMsg
{
    position: absolute;
    top: 5px;
    right: 10px;
    bottom: 5px;

    width: 110px;
}

.reduce
{
    font-size: 23px;

    position: absolute;
    bottom: 2px;

    width: 25px;

    text-align: center;

    border: 1px solid #ddd;
}

.numInput
{
    position: absolute;
    bottom: 1px;
    left: 27px;

    width: 55px;
    height: 25px !important;
    padding: 0 !important;

    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);

    border: 1px solid #d0d0d0 !important;
    border-radius: 2px;
}

.raise
{
    font-size: 23px;

    position: absolute;
    right: 0;
    bottom: 2px;

    width: 25px;

    text-align: center;

    border: 1px solid #ddd;
}

.subtotal
{
    font-weight: bolder;

    position: absolute;
    left: 15px;

    color: #f9440f !important;
}

.midMsg .checkbox input
{
    top: 50%;
    left: 60%;

    width: 20px;
    height: 20px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.midMsg .checkbox span
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    right: 10px;

    transform: translateY(-50%);

    color: #f9440f;
}

.midMsg .checkbox input:after,
.checkbox-icon:after
{
    top: 25%;

    width: 10px;
}

.item-icon-right
{
    padding-right: 10px;
}

.item.item-input
{
    width: 95%;
    height: 40px;
    margin: 1px 10px 0 10px;
    padding: 6px 2px 5px 10px;

    border: 0;
    border-bottom: 1px #eae6e6 solid;
}

.item.item-input .input-label
{
    width: 30%;
}

.item.item-input .spanMsg
{
    overflow: hidden;

    width: 60%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-input input
{
    width: 70%;
    padding-right: 10px;

    border: 1px #ccc solid;
}

.selectIcon.ion-ios-arrow-right
{
    font-size: 25px;

    width: 10%;

    text-align: right;
}

.helpIcon.ion-ios-help-outline
{
    font-size: 20px;

    width: 10%;

    text-align: center;

    color: blue;
}

.selectReceiptDate
{
    font-size: 25px;

    position: absolute;
    top: 50%;
    right: 2%;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.bankNoItem
{
    overflow: inherit;
}

.giveawayFlag
{
    z-index: inherit;
}

/******************************************************order*******************************************************/
/******************************************************orderList*******************************************************/

/******************************************************orderList*******************************************************/
/******************************************************footer*******************************************************/

.order-footer
{
    background: white;
}

.tip
{
    font-size: 20px;
    font-weight: bolder;

    width: 30%;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 10px;
}

.totle
{
    font-size: 15px;
    font-weight: bolder;

    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 5%;
}

.totle .totalMoney
{
    font-size: 15px;
    font-weight: bolder;

    color: #f9440f;
}

.goPayOrder
{
    font-size: 1.1em;
    font-weight: 600;
    line-height: 42px;

    position: absolute;
    right: 0;

    width: 20%;
    height: 43px;
    margin-right: 1px;
    padding: 0;

    text-align: center;

    color: white;
    border: 0;
    background-color: #ff716b;
}

/******************************************************footer*******************************************************/
